<!DOCTYPE HTML>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
  <meta charset="UTF-8">

  <meta name="description" content="">
  <meta name="keywords" content="">

  <title></title>
  <link href="/css/style.css" media="screen" rel="stylesheet" type="text/css">
  <link href="/css/grid.css" media="screen" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="/css/myCart.css" />
<script>
    function solution(){
        let box=document.getElementsByName("cartCheckBox");
        let count=document.getElementsByName("subtotal");
        let le=0
        let sum=0
        for (i in box){
            if (box[i].checked){
                /* le=le+(count[i].value)*1
                 sum=sum+(box[i].value)*((count[i].value)*1)*/
                le=$("#numberA").val();
                sum=$("#totalA").val();
                console.log(le)
            }
        }
        if (le<1){
            alert("请选择需要购买的商品！")
            return false
        }
        sessionStorage.setItem("total",sum)
        sessionStorage.setItem("shopnum",le)
        window.location.href = "/qd/orderConfirm.html";
    }
</script>
</head>
<body>
<div id="app">
  <div class="container_12">
    <div id="top">
      <div class="grid_3">
        <div class="phone_top">
          Call Us +777 (100) 1234
        </div><!-- .phone_top -->
      </div><!-- .grid_3 -->

      <div class="grid_6">
        <div class="welcome">
          <div v-if="!flag">欢迎访客，您可以<a href="/qd/login.html" style="color: #fe6400">登录</a> 或
            <a href="/qd/register.html" style="color: #fe6400">创建帐户</a>.</div>
          <div>
            <p v-if="flag" class="uids" >{{userName}} 欢迎访问坭兴陶推荐网<a style="color: #fe6400;margin-left: 10px;cursor: pointer" @click="goOut">退出</a></p>
          </div>
          <input id="userIdPut" th:if="${session.userInfo!=null}" type="hidden" th:value="${session.userInfo.uid}">
          <input id="userName" th:if="${session.userInfo!=null}" type="hidden" th:value="${session.userInfo.userName}">
        </div><!-- .welcome -->
      </div><!-- .grid_6 -->

      <div class="grid_3">
        <div class="valuta">
          <ul>
            <li class="curent"><a href="qd/customerService.html">客户服务</a></li>
          </ul>
        </div><!-- .valuta -->

        <div class="lang">
          <ul>
            <li class="curent"><a href="/qd/personCenter.html">个人中心</a></li>
            <li><a href="/qd/blog.html">关于我们</a></li>
            <li><a href="/qd/contact_us.html">联系我们</a></li>
          </ul>
        </div><!-- .lang -->
      </div><!-- .grid_3 -->
    </div><!-- #top -->

    <div class="clear"></div>

    <header id="branding">
      <div class="grid_3">
        <hgroup>
          <h1 id="site_logo" ><a href="/goods/index.html" title=""><img src="/images/logo.png" alt="钦州坭兴陶" width="200" height="80"/></a></h1>
          <h2 id="site_description">钦州坭兴陶</h2>
        </hgroup>
      </div><!-- .grid_3 -->

      <div class="grid_3">
        <form class="search">
          <input type="text" name="search" class="entry_form" value="" placeholder="找你想要的..."/>
        </form>
      </div><!-- .grid_3 -->

      <div class="grid_6">
        <nav class="private">
          <ul>
            <li><a href="/qd/personCenter.html">我的账户</a></li>
            <li class="separator">|</li>
            <li><a href="javascript:ahref();">我的收藏</a></li>
            <li class="separator">|</li>
            <li><a href="/qd/orderInfo.html">我的订单</a></li>
            <li class="separator" v-if="!flag">|</li>
            <li v-if="!flag"><a href="/qd/login.html">登录</a></li>
            <li class="separator">|</li>
            <li v-if="!flag" ><a href="/qd/register.html">注册</a></li>
          </ul>
        </nav><!-- .private -->
      </div><!-- .grid_6 -->
    </header><!-- #branding -->
  </div><!-- .container_12 -->

  <div class="clear"></div>

  <div id="block_nav_primary">
    <div class="container_12">
      <div class="grid_12">
        <nav class="primary">
          <ul>
            <li class="curent"><a href="/goods/index.html">首页</a></li>
            <li><a href="/qd/all_catalog.html">全部宝贝</a></li>
            <li><a href="/qd/catalog_grid.html">热销推荐</a></li>
            <li><a href="/qd/compare.html">猜你喜欢</a></li>
            <li>
              <a href="/qd/catalog_list.html">新品推荐</a>

            </li>


            <li>
              <a href="#">更多精彩</a>
              <ul class="sub">
                <li><a href="/qd/contact_us.html">联系我们</a></li>
                <li><a href="/qd/blog.html">关于我们</a></li>

              </ul>
            </li>
          </ul>
        </nav><!-- .primary -->
      </div><!-- .grid_12 -->
    </div><!-- .container_12 -->
  </div><!-- .block_nav_primary -->

  <div class="clear"></div>

  <section id="main" class="entire_width" style="margin: 20px 0 70px 0;">
    <div class="container_12">
    <div id="nav">您的位置：<a href="/goods/index" style="color: #000000">首页</a> &gt; <a href="/shoppingcart/listBay" style="color: #000000">我的购物车</a></div>
    <div id="navlist">
      <ul>
        <li class="navlist_red_left"></li>
        <li class="navlist_red">1. 查看购物车</li>
        <li class="navlist_red_arrow"></li>
        <li class="navlist_gray">2. 确认订单信息</li>
        <li class="navlist_gray_arrow"></li>
        <li class="navlist_gray">3. 付款到支付宝</li>
        <li class="navlist_gray_arrow"></li>
        <li class="navlist_gray">4. 确认收货</li>
        <li class="navlist_gray_arrow"></li>
        <li class="navlist_gray">5. 评价</li>
        <li class="navlist_gray_right"></li>
      </ul>
    </div>

    <div id="content">
      <form action="" method="post" name="myform">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" id="shopping">
          <thead>
              <tr>
                <td class="title_1"><input id="allCheckBox" type="checkbox" value=""/>全选</td>
                <td class="title_2" colspan="2">店铺宝贝</td>
                <td class="title_3">市场价</td>
                <td class="title_4">本店加（元）</td>
                <td class="title_5">数量</td>
                <td class="title_6">小计（元）</td>
                <td class="title_7">操作</td>
              </tr>
              <tr>
                <td colspan="8" class="line"></td>
              </tr>
          </thead>

          <tbody class="bd">
          <!--  <tr id="product1" th:each="cart:${cartList}">
              <td class="cart_td_1"><input name="cartCheckBox" type="checkbox" th:value="${cart.id}"/></td>
              <td class="cart_td_2"><img th:src="${cart.goods.gimage}" alt="shopping"/></td>
              <td class="cart_td_3"><a href="#" th:text="${cart.goods.gname}">广西坭兴陶钦州出品</a></td>
              <td class="cart_td_4" th:text="${cart.goods.price}">589.00</td>
              <td class="cart_td_5" th:text="${cart.goods.price}">589.00</td>
              <td class="cart_td_6"><img src="/images/taobao_minus.jpg" alt="minus" class="hand"/> <input id="num_1" type="text"  th:value="${cart.subtotal}" class="num_input" readonly="readonly"/> <img src="/images/taobao_adding.jpg" alt="add" class="hand"/></td>
              <td class="cart_td_7" th:text="${cart.totalCount}"></td>
              <td class="cart_td_8"> <a href="javascript:void(0);" class="delShopping" th:alt="${cart.id}">删除</a><br/>
                <a href="javascript:void(0);" class="like" th:alt="${cart.gid}">收藏商品</a></td>
            </tr>-->
          </tbody>
        <tfoot>
        <tr>
          <td  colspan="3" class="deleteAll"><a id="deleteAll" href="javascript:void(0);"><img src="/images/taobao_del.jpg" alt="delete"/></a></td>
          <td colspan="5" class="shopend">商品总价（不含运费）：<label id="total" class="yellow"></label> 元<input id="totalA" type="hidden" value="0.0"/><br />
            已选商品 <label class="yellow" id="integral">0</label>件<input id="numberA" type="hidden" value="0"/><br />
            <div class="btn">
              <a class="cartsubmit"href="javascript:solution()" id="jz1">去结算</a>
              <a class="cartsubmit" href="#" style="display:none; background: #999999;" id="jz2">去结算</a>
              <a class="continueFind" href="/goods/index.html">继续购物</a>
            </div>
        </tr>
        </tfoot>

        </table>
      </form>

    </div>

    <div class="clear"></div>

    </div><!-- .container_12 -->
  </section><!-- #main -->

  <div class="clear"></div>

  <footer>
    <div class="f_navigation">
      <div class="container_12">
        <div class="grid_3">
          <h3>联系我们</h3>
          <ul class="f_contact">
            <li>钦州湾广场</li>
            <li>+777 (100) 1234</li>
            <li>mail@example.com</li>
          </ul><!-- .f_contact -->
        </div><!-- .grid_3 -->

        <div class="grid_3">
          <h3>信息</h3>
          <nav class="f_menu">
            <ul>
              <li><a href="#">关于我们</a></li>
              <li><a href="#">隐私政策</a></li>
              <li><a href="#">条款及细则</a></li>
              <li><a href="#">安全付款</a></li>
            </ul>
          </nav><!-- .private -->
        </div><!-- .grid_3 -->

        <div class="grid_3">
          <h3>顾客服务</h3>
          <nav class="f_menu">
            <ul>
              <li><a href="contact_us.html">联系方式</a></li>
              <li><a href="#">返回</a></li>
              <li><a href="#">常见问题</a></li>
              <li><a href="#">网站地图</a></li>
            </ul>
          </nav><!-- .private -->
        </div><!-- .grid_3 -->
        <div class="clear"></div>
      </div><!-- .container_12 -->
    </div><!-- .f_navigation -->

    <div class="f_info">
      <div class="container_12" >
        <div class="grid_6" style="margin: 0 auto; width: 100%;">
          <p class="copyright" style="text-align: center;">© 钦州坭兴陶, 2020.07 </p>
        </div><!-- .grid_6 -->
        <div class="clear"></div>
      </div><!-- .container_12 -->
    </div><!-- .f_info -->
  </footer>
</div>
  <script type="text/javascript" src="/js/jquery-1.8.3.js" ></script>
  <script src="/js/html5.js" ></script>
  <script src="/js/jflow.plus.js" ></script>
  <script src="/js/jquery.carouFredSel-5.2.2-packed.js"></script>
  <script src="/js/checkbox.js"></script>
  <script src="/js/radio.js"></script>
  <script src="/js/selectBox.js"></script>
  <script type="text/javascript" src="/js/shoppingCart.js"></script>
  <script type="text/javascript" src="/js/publicLike.js"></script>
  <script src="/js/vue.js"></script>
  <script src="/js/element.js"></script>
 <!-- <script type="text/javascript"  src="/js/myCart.js"></script>-->
  <script>

      $(document).ready(function(){
          $("#myController").jFlow({
              controller: ".control", // must be class, use . sign
              slideWrapper : "#jFlowSlider", // must be id, use # sign
              slides: "#slider",  // the div where all your sliding divs are nested in
              selectedWrapper: "jFlowSelected",  // just pure text, no sign
              width: "984px",  // this is the width for the content-slider
              height: "480px",  // this is the height for the content-slider
              duration: 400,  // time in miliseconds to transition one slide
              prev: ".slidprev", // must be class, use . sign
              next: ".slidnext", // must be class, use . sign
              auto: true
          });
      });
  </script>
  <script>

      $(function() {
          $('#list_product').carouFredSel({
              prev: '#prev_c1',
              next: '#next_c1',
              auto: false
          });
          $('#list_product2').carouFredSel({
              prev: '#prev_c2',
              next: '#next_c2',
              auto: false
          });
          $(window).resize();
      });
  </script>
<script>
    function ahref() {
        if (sessionStorage.getItem("userId") != null && sessionStorage.getItem("userId") != "") {
            window.location.href = "/qd/collection.html";
        }else {
            alert("请先登录！")
        }
    }
    function seeCart(){
        if (sessionStorage.getItem("userId") != null && sessionStorage.getItem("userId") != "") {
            window.location.href = "/qd/shopping_cart.html";
        }else {
            alert("请先登录！")
        }
    }
    $(function() {
        var userId = $("#userIdPut").val();
        if (userId != null && userId != ""){
            sessionStorage.setItem("userId",userId);
            sessionStorage.setItem("userName",$("#userName").val());
        }

    });

    let vue = new Vue({
        el: '#app',
        data() {
            return {
                flag:false,
                userName:""
            }
        },
        methods:{
            getUserInfo(){
                let userId = sessionStorage.getItem("userId");
                if (userId != null && userId != ""){
                    this.flag=true
                    this.userName=sessionStorage.getItem("userName")
                }
            },
            goOut(){
                sessionStorage.removeItem("userId")
                sessionStorage.removeItem("userName")
                window.location.href="/goods/index.html";
            }
        },
        created(){
            this.getUserInfo()
        }
    })
</script>
</body>
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
</html>
